<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title>TextField(文本框)测试页面</title>
    <link href="/static/css/index.css" rel="stylesheet" type="text/css">
    <link href="/static/css/controls.css" rel="stylesheet" type="text/css">

</head>

<body style="margin:50px 150px;">
<!--
    文本框:没有使用单独的指令，而是使用公共指令实现其功能。
    g-numeric：数字指令,属性allow-float:允许输入小数,allow-negative:允许输入负号
    g-precision:保留小数位数，rounding舍入模式 true:四舍五入;false：截断;不设置(默认):四舍五入
    g-trim:去除空格，ltrim:去除左边空格;rtrim:去除右边空格;trim(默认值):去除左右空格。
    g-dbc:全角转半角处理
    g-lower-case:大写字母转小写字母处理
    g-upper-case:大写字母转小写字母处理
    g-width:设置元素宽度，单位有%:百分比;in：英寸;cm：厘米;mm：毫米;pt:磅数;pc:12点活字;ex:字母高度的一半;em:字体高度;px：像素(默认)
    g-height:设置元素高度,单位有%:百分比;in：英寸;cm：厘米;mm：毫米;pt:磅数;pc:12点活字;ex:字母高度的一半;em:字体高度;px：像素(默认)
    ng-show:控制元素显示和隐藏。true:显示;false:隐藏
    disabled:控制元素是否禁用。disabled:禁用。
 -->
<div><label>可用状态:</label>
    <br>
    <input g-numeric ng-show="true" g-precision="1" type="text" g-trim  rounding="true"  g-dbc g-lower-case g-width="280" g-height="28"  name="name" id=""
           placeholder="输入提示" autocomplete="off" value="" class="form-text" ng-cloak/>
</div>

<div><label>禁用状态:</label>
    <br>
    <input disabled="disabled"  ng-show="true"  type="text" g-trim  g-dbc g-lower-case g-width="280" g-height="28"
           placeholder="不可修改的输入内容" autocomplete="off" value="" class="form-text" ng-cloak/>
</div>


<script>
    var ctx = '';
    var basePath = '/gillion-web';
    var locale = 'zh-cn'
</script>
<style>[ng-cloak]{display:none}</style>
<script src="/bower_components/requirejs/require.js" data-main="/static/app.js"
        data-bootstrap-modules="['framework/control/GillionControlDirectiveModule']"></script>
</body>
</html>